<template>
  <div class="about">
    <p>哈哈哈哈哈哈哈哈哈</p>
    <h1>This is an about page{{id}}</h1>
    <div v-html="msg"></div>
  </div>
</template>
<script>
export default {
  name: "About",
  data: function () {
    return {
      id: 0,
      msg: ''
    }
  },
  created () {
    // $route用来获取当前组件对应的路由实例，该实例中存在该路由的所有信息
    console.log(this.$route);
    console.log(localStorage.getItem('datas'));
    this.id = this.$route.params.id;
    this.msg = this.$route.query.msg;
  }
}
</script>
